<!DOCTYPE html>
<html lang="en">
    <head>
        <title>CIEMPIESS-UNAM   </title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/reset.css" type="text/css" media="all">
        <link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/layout.css" type="text/css" media="all">
        <link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/style.css" type="text/css" media="all">
        <script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery-1.5.2.js" ></script>
        <script type="text/javascript" src="<?php echo base_url(); ?>assets/js/cufon-yui.js"></script>
        <script type="text/javascript" src="<?php echo base_url(); ?>assets/js/cufon-replace.js"></script>
        <script type="text/javascript" src="<?php echo base_url(); ?>assets/js/Molengo_400.font.js"></script>
        <script type="text/javascript" src="<?php echo base_url(); ?>assets/js/Expletus_Sans_400.font.js"></script>
        <!--[if lt IE 9]>
        <script type="text/javascript" src="js/html5.js"></script>
        <style type="text/css">
                .bg, .box2 {behavior:url(js/PIE.htc)}
        </style>
        <![endif]-->
        <!--[if lt IE 7]>
                <div style=' clear: both; text-align:center; position: relative;'>
                        <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode">
                        <img src="http://www.theie6countdown.com/images/upgrade.jpg" border="0"  alt="" /></a>
                </div>
        <![endif]-->
        <script>
            (function(i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function() {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                        m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

            ga('create', 'UA-50276007-1', 'ciempiess.org');
            ga('require', 'displayfeatures');
            ga('send', 'pageview');

        </script>
    </head>

    <body id="page1">
        <div class="body1">
            <div class="main">
                <!-- header -->
                <header>
                    <div class="wrapper">
                        <nav>
                            <ul id="menu">
                                <li><a href="<?php echo base_url(); ?>about"><?= $headerTituloNotros; ?></a></li>
                                <li><a href="<?php echo base_url(); ?>downloads"><?= $headerTituloDescarg; ?></a></li>
                                <li><a href="<?php echo base_url(); ?>tools"><?= $headerTituloHerram; ?></a></li>
                                <li><a href="<?php echo base_url(); ?>doc"><?= $headerTituloDocu; ?></a></li>
                                <li><a href="<?php echo base_url(); ?>contributors"><?= $headerTituloCol; ?></a></li>
                                <li><a href="<?php echo base_url(); ?>publications"><?= $headerTituloNoticias; ?></a></li>
                                <li class="end"><a href="<?php echo base_url(); ?>resources"><?= $headerTituloContcato; ?></a></li>
                            </ul>
                        </nav>
                        <ul id="icons">
                            <li><a href="<?=  base_url().$place.'/lenChg'?>"><img src="<?=base_url() ?>assets/images/<?=$icon_lang?>" alt=""></a></li>
                        </ul>
                    </div>
                    <div class="wrapper">
                        <h1><a href="<?php echo base_url(); ?>about" id="logo">CIEMPIESS</a></h1>
                    </div>
<!--                    <div id="slogan">
                        Proyecto<span>CIEMPIESS-UNAM</span>
                    </div>-->

                </header>

            </div>
        </div>

        <div class="body2">
            <div class="main">
                <!-- content -->
                <section id="content">
                    <div class="wrapper">
                        <div class="pad1 pad_top1">
                            <article class="cols marg_right1">
                                <figure><a href=" http://odin.fi-b.unam.mx/profesores/abelherrera/"><img class="miniPortada" src="<?php echo base_url(); ?>assets/images/page1_img1.jpg" alt=""></a></figure>
                                <span class="font1"><?= $miniPortada1 ?></span>
                            </article>
                            <article class="cols marg_right1">
                                <figure><a href="http://www.unam.mx/"><img class="miniPortada" src="<?php echo base_url(); ?>assets/images/page1_img2.jpg" alt=""></a></figure>
                                <span class="font1">UNAM</span>
                            </article>
                            <article class="cols">
                                <figure><a href="http://ingenieria.posgrado.unam.mx/sitv3/index.html"><img class="miniPortada" src="<?php echo base_url(); ?>assets/images/page1_img3.jpg" alt=""></a></figure>
                                <span class="font1"><?= $miniPortada3 ?></span>
                            </article>
                        </div>
                    </div>
                    <div class="box1">
                        <div class="wrapper">